<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

    <title>打赏页面</title>
    <link href="__PUBLIC__/index/css/expense.css" type="text/css" rel="stylesheet"/>
    <link rel="stylesheet" href="__PUBLIC__/index/css/jquery.dialog.css">
    <script src="__PUBLIC__/index/js/jquery.js"></script>
    <script src="__PUBLIC__/index/js/jquery.dialog.js"></script>
    <style>
        .btn{display:block;border:0;cursor:pointer;font-size:13px;background:none;color:#ffdeb3;position:absolute;top:50%;right:18%;}
    </style>

</head>
<body>
<div id="background" style="position:absolute;z-index:-1;width:100%;height:100%;top:0px;left:0px;"><img src="__PUBLIC__/home/images/2.jpg" width="100%" height="100%"/></div>
<div id="content">
<div id="nav">
<img src="__PUBLIC__/home/images/hongbao.png"/>

<p>打赏看照片</p>
    <div class="tou">
        <img src="__PUBLIC__/home/images/2.jpg"/>
    </div>
    <span>5.2</span>
     <ul>
        <li class="sui"><a href="javascript:;">随机更换</a></li>
        <li class="movement"><button class="btn" id="js_prompt">手动输入</button></li>
    </ul>
<div class="reward">
    <input type="submit"class="submit" value="打赏">

</div>
    <div class="build">
        <a href="">遮图赏赏一一生成打赏图片</a>
    </div>

</div>
</div>


<div style=";width:100%;height:100%;background:#000;position:fixed;top:0; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity:0.5;" id="touming"></div>
<script>
    newnum="";
    $("#js_prompt").on("click",function(){
        jPrompt('请输入您要打赏的金额（为了显示您的诚意，大方点吧！）','',function(event,val){
            alert(val);
        },"来自http://5tu.me的提示");
    });

    (function(obj){
        var box = $('.tou').next('span');
        var timer = null;
        var count = 0;
		
        obj.click(function(){
            if (count === 0) {
                count = 1;
                obj.fadeTo(0, 0.4);
                timer = setInterval(function(){
                    if (count > 11) {
                        clearInterval(timer);
                        obj.fadeTo(0, 1);
                        count = 0;
                    }else{
                        count++;
                    };
                    var num = (Math.random()*100000+1).toFixed(2);
                    box.html(num||0.01);
                }, 80);
            };
        });
    })($('.sui'));
</script>
</body>
</html>